<script setup>
import { ref } from 'vue'

const radio2 = ref('1')
// //拿到教师数据
import { storeToRefs } from 'pinia'
import { useAppStore } from '@/stores'
const not = useAppStore()
const { tableData } = storeToRefs(not)
const { getNotice } = not
getNotice()
</script>
<template>
  <div style="background-color: #fff; height: 100vw">
    <el-card>
      <template #header>
        <div class="card-header">
          <span></span>
        </div>
      </template>

      <div class="my-2 flex items-center text-sm">
        <span style="color: #a8b0ce">筛选</span>
        <el-radio-group v-model="radio2" class="ml-4">
          <el-radio value="1">全部</el-radio>
          <el-radio value="2"> 已完成</el-radio>
          <el-radio value="3">未完成</el-radio>
        </el-radio-group>
      </div>
    </el-card>
    <div class="my-main">
      <div class="my-line"></div>

      <div class="common-layout">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column type="selection" width="100" />
          <el-table-column label="teacherId" width="200">
            <template #default="scope">{{ scope.row.teacherId }}</template>
          </el-table-column>
          <el-table-column property="netAdress" label="netAdress" width="300" />
          <!-- <el-table-column property="title" label="title" width="240" show-overflow-tooltip /> -->
          <el-table-column property="title" label="title" />
          <el-table-column>
            <template #default="scope">
              <a :href="scope.row.netAdress" target="_blank" style="text-decoration: none">查看 </a>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.ml-4 {
  margin-left: 20px;
}
</style>
